<!DOCTYPE html>
<html lang="en">
     <head>
     <title>Products</title>
     <meta charset="utf-8">
     <meta name = "format-detection" content = "telephone=no" />
     <link rel="icon" href="images/favicon.ico" type="image/x-icon">
     <link rel="stylesheet" href="css/style.css">
     <link rel="stylesheet" href="css/font-awesome.min.css">
     <link rel="stylesheet" href="css/stuck.css">
     <link rel="stylesheet" href="css/jquery.fancybox-1.3.4.css">
     <script src="js/jquery-1.11.1.min.js"></script>
     <script src="js/jquery-migrate-1.2.1.js"></script>
     <script src="js/jquery.easing.1.3.js"></script>
     <script src="js/jquery.ui.totop.js"></script>
     <script src="js/jquery.equalheights.js"></script>
	 <script src="js/script.js"></script>
     <script src="js/superfish.js"></script>
     <script src="js/jquery.mobilemenu.js"></script>
     <script src="js/tmStickUp.js"></script>
     <script src="js/jquery.fancybox-1.3.4.js"></script>
     <script>       
       $(document).ready(function(){
          $("a.various").fancybox();
       }) 
     </script>
     <!--[if lt IE 8]>
       <div style=' clear: both; text-align:center; position: relative;'>
         <a href="http://windows.microsoft.com/en-US/internet-explorer/products/ie/home?ocid=ie6_countdown_bannercode">
           <img src="http://storage.ie6countdown.com/assets/100/images/banners/warning_bar_0000_us.jpg" border="0" height="42" width="820" alt="You are using an outdated browser. For a faster, safer browsing experience, upgrade for free today." />
         </a>
      </div>
    <![endif]-->
    <!--[if lt IE 9]>
   		<script src="js/html5shiv.js"></script>
    	<link rel="stylesheet" type="text/css" media="screen" href="css/ie.css">
    <![endif]-->
     </head>
     <body>
<!--============================== Header =================================-->
<header>
    <div class="header_bg"></div>
    <div class="header_bg-img header_bg-img_sub"></div>
    <div class="container">
        <h1><a href="index.html"><img src="images/logo.png" alt="Brand Logo"></a></h1>
        <div class="social">
            <ul>
                <li><a href="#"><i class="fa fa-google-plus"></i></a></li>
                <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                <li><a href="#"><i class="fa fa-facebook"></i></a></li>
                <li><a href="#"><i class="fa fa-pinterest"></i></a></li>
                <li><a href="#"><i class="fa fa-linkedin"></i></a></li>
            </ul>
        </div>
        <div class="menu-sep"></div>
        <div class="search">
            <form id="search" action="search.php" method="GET" accept-charset="utf-8">
                <label>
                   <input type="text" name="s" value="" onblur="if(this.value == '') { this.value=''}" onfocus="if (this.value == '') {this.value=''}" />
                   <a onclick="document.getElementById('search').submit()"><i class="fa fa-search"></i></a>                        
                </label>
            </form>
        </div>
    </div>
    <div id="stuck_container">
        <div class="menu_bg"></div>
        <div class="container menu">
            <ul class="sf-menu">
                <li class="sf-first">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index.html">About</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-1.html">Motivators</a>
                </li>
                <li class="current">
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-2.html">Products</a>                   
                    <ul>
                        <li><a href="#">Vestibulum iaculis</a></li>
                        <li><a href="#">Fusce euismod conuat</a>
                            <ul>
                                <li><a href="#">Pellentesque sed</a></li>
                                <li><a href="#">Aliquam congue ferm</a></li>
                                <li><a href="#">Mauris accum</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Pellentesque</a>
                   </ul>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-3.html">FAQ</a> 
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-4.html">Contacts</a>
                </li>
                <li>
                    <div class="sf-menu_effect_wrapper">
                        <div class="sf-menu_effect"></div>
                    </div>
                    <a href="index-5.html">Blog</a>
                </li>
            </ul>
            <ul class="login-menu login-menu__sub">
                <li><a href="#">login</a></li>
                <li><a href="#">help</a></li>
                <li><a href="#">newsletter signup</a></li>
            </ul>
        </div>        
    </div>
</header>

<!--======= Content ================================-->


<!--======= Info Horizontal =======-->
<div class="content info-hor">
    <div class="container">
        <h3>TOP 4 BOOKS ON MOTIVATION</h3>
        <ul class="row">
            <li class="grid_6">
                <div class="box">
                    <div class="maxheight">
                        <div class="info-hor_block">
                            <a href="#"><img src="images/page-3_img-1.jpg" alt="" class="info-hor_img"></a>
                            <div class="info-hor_text">
                                <h4><a href="#">Myths of Intrinsic Motivation</a></h4>
                                <p class="p__indent-1">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem.</p>
                                <p class="p__indent-2">Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros.</p>
                                <a href="#" class="link">
                                    <span class="link_text">Read More</span>
                                    <span class="link_arrow">>></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="grid_6">
                <div class="box">
                    <div class="maxheight">
                        <div class="info-hor_block">
                            <a href="#"><img src="images/page-3_img-2.jpg" alt="" class="info-hor_img"></a>
                            <div class="info-hor_text">
                                <h4><a href="#">Peace Beyond Words</a></h4>
                                <p class="p__indent-1">Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. <br>Duis ultricies pharetra magna. Donec accumsan alesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. </p>
                                <a href="#" class="link">
                                    <span class="link_text">Read More</span>
                                    <span class="link_arrow">>></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="grid_6">
                <div class="box">
                    <div class="maxheight">
                        <div class="info-hor_block">
                            <a href="#"><img src="images/page-3_img-3.jpg" alt="" class="info-hor_img"></a>
                            <div class="info-hor_text">
                                <h4><a href="#">Living the Wonder of It All</a></h4>
                                <p class="p__indent-1">Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. </p>
                                <p class="p__indent-2">Donec sit amet eros. Lorem ipsum dolor sit amet. <br>Consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel.</p>
                                <a href="#" class="link">
                                    <span class="link_text">Read More</span>
                                    <span class="link_arrow">>></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
            <li class="grid_6">
                <div class="box">
                    <div class="maxheight">
                        <div class="info-hor_block">
                            <a href="#"><img src="images/page-3_img-4.jpg" alt="" class="info-hor_img"></a>
                            <div class="info-hor_text">
                                <h4><a href="#">The Daily Motivator To Go</a></h4>
                                <p class="p__indent-1">Donec accumsan alesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. </p>
                                <p class="p__indent-2">Aenean auctor wisi et urna. Aliquam erat volutpat. Duis ac turpis. Integer rutrum ante eu lacus rem ipsum.</p>
                                <a href="#" class="link">
                                    <span class="link_text">Read More</span>
                                    <span class="link_arrow">>></span>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </li>
        </ul>
    </div>
</div>

<!--======= Video & List =======-->
<div class="content content__indent">
    <div class="container">
        <div class="row">
            <div class="grid_8 video">
                <h3>latest inspiring videos</h3>
                <div class="video_block">
                    <div class="row">
                        <div class="grid_4">
                            <div class="video_video">
                                 <a href="http://www.youtube.com/embed/2kodXWejuy0?rel=0" class="various iframe">
                                    <div class="video-hover"><i class="fa fa-play-circle"></i></div>
                                    <img src="images/page-3_video-1.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="grid_4">
                            <div class="video_text">
                                <h4><a href="#">raesent vestibulum molestie lacus Praesent vestibulum.</a></h4>
                                <p class="p__indent-1">Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla dui. Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. </p>
                                <p class="p__indent-2">Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed laoreet aliquam leo.</p>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="video_block">
                    <div class="row">
                        <div class="grid_4">
                            <div class="video_video">
                                 <a href="http://www.youtube.com/embed/2kodXWejuy0?rel=0" class="various iframe">
                                    <div class="video-hover"><i class="fa fa-play-circle"></i></div>
                                    <img src="images/page-3_video-2.jpg" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="grid_4">
                            <div class="video_text">
                                <h4><a href="#">molestie lacus Aenean nonummy hendrerit mauris Phasellus.</a></h4>
                                <p class="p__indent-1">Fusce feugiat malesuada odio. Morbi nunc odio, gravida at, cursus nec, luctus a, lorem. Maecenas tristique orci ac sem. Duis ultricies pharetra magna. Donec accumsan malesuada orci. Donec sit amet eros. Lorem ipsum dolor sit amet. </p>
                                <p class="p__indent-2">Consectetuer adipiscing elit. Sed laoreet aliquam leo. Ut tellus dolor, dapibus eget, elementum vel, cursus eleifend, elit. Aenean auctor wisi et urna. Aliquam erat volutpat. </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="grid_4 list">
                <h3>free ebooks</h3>
                <ul>
                    <li><a href="#">Lorem ipsum dolor sit amet consectetuer</a></li>
                    <li><a href="#">Mauris fermentum dictum magna </a></li>
                    <li><a href="#">Sed laoreet aliquam leo tellus dolor dapibus.</a></li>
                    <li><a href="#">Elementum vel cursus eleifend elit  enean auctor</a></li>
                    <li><a href="#">Wisi et urna aliquam erat volutpat duis ac turpis</a></li>
                    <li><a href="#">Integer rutrum ante eu lacus quisque nulla</a></li>
                    <li><a href="#">Bestibulum libero nisl porta vel scelerisque eget</a></li>
                    <li><a href="#">Vivamus eget nibh etiam cursus leo vel metus </a></li>
                    <li><a href="#">Aenean nec eros vestibulum ante ipsum</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>


<!--======= Footer =================================-->

<footer>
    <div class="info-col">
        <div class="container">
            <div class="row">
                <div class="grid_3">
                    <ul>
                        <li><h4>About us</h4></li>
                        <li><a href="index.html">About</a></li>
                        <li><a href="index-1.html">Motivators</a></li>
                        <li class="current"><a href="index-2.html">Products</a></li>
                        <li><a href="index-3.html">FAQ</a></li>
                        <li><a href="index-4.html">Contacts</a></li>
                        <li><a href="index-5.html">Blog</a></li>                       
                    </ul>
                </div>
                <div class="grid_4 preffix_1">
                    <ul>
                        <li><h4>Find more</h4></li>
                        <li><a href="#">Print this page</a></li>
                        <li><a href="#">YouTube Channel</a></li>
                        <li><a href="#">Formatted for iPhone</a></li>
                        <li><a href="#">Formatted for other mobile devices</a></li>
                        <li><a href="#">Special Features</a></li>
                        <li><a href="#">Make a donation</a></li>                        
                    </ul>
                </div>
                <div class="grid_3 preffix_1">
                    <h4>Get it touch</h4>
                    <p>8901 Marmora Road</p>
                    <p>Glasgow, DO4 89GR.</p>
                    <p><span>Freephone:</span>+1 800 559 6580</p>
                    <p><span>Telephone:</span>+1 959 603 6035</p>
                    <p><span>FAX:</span>+ 1 504 889 9898</p>
                    <p class="mail">E-mail: <a href="mailto:mail@demolink.org">mail@demolink.org</a></p>
                </div>
            </div>            
        </div>
    </div>
    <div class="pr-policy">
        <span>The Daily Motivator </span>
        &copy;
        <span id="copyright-year"> </span> 
        <a href="index-6.html"> Privacy Policy</a>
    </div>          
</footer>

<!--======= To Top Button =================================-->
<a href="#" id="toTop">
    <i class="fa fa-arrow-circle-up"></i>
</a>

</body>
</html>